@import url("font-awesome.min.css");
@import url("icofont.css");
@import url("stellarnav.min.css");
@import url("featherlight.min.css");
@import url("featherlight.gallery.min.css");
@import url("hover.css");
@import url("flexslider.css");
@import url("owl.carousel.min.css");
@import url("owl.theme.default.min.css");
@import url("slick.css");
@import url("slick-theme.css");
@import url("jquery-ui.css");
@import url("animations.css");
@import url("animate.min.css");
@import url("morphext.css");
@import url("owl.carousel.min.css");
@import url("owl.theme.default.css");
@import url("jquery.mb.YTPlayer.min.css");

.rotated {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: top left;
}
.container-box {
    display: inline-block;
    position: fixed;
    top: 80%;
    left: 0;
    z-index: 999999999;
}


@media only screen and (min-width: 300px) and (max-width:769px){
   .main-search-field-two h1 {
        width:100% !important;
        height:100% !important;
    }
   .slide-item {
    /* width: 100% !important; */
    height: 180px !important;
}
   .at-about-sec{
       padding:10px !important;
   }
    .container-box {
        display: none;
    }
    #whatsapp{
        top:80% !important;
    }
}
.text-center{
    text-align:center;
}
.text-justify{
    text-align:justify;
    font-size:16px;
}

/*Aimfils*/
.info_section {
    background-image: url('../images/bg-img.jpg');
    /*background-image: url(http://logicsforest.com/themeforest/idea-homes/ideahomes_demo_files/images/paralax-half.jpg) !important;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /*background-position: center -61.3875px;*/
}
.right_box {
   background: rgb(17 17 17 / 83%);
}
.right_box {
    padding: 0 33px;
}
.padding {
    padding: 10px 0;
}
.top20 {
    margin-top: 20px;
}
.bottom30 {
    margin-bottom: 30px;
}
.white_content > h3, .white_content > p, .white_content i {
    color: #fff;
}
.bottom10 {
    margin-bottom: 10px;
}

.white_content i {
    display: inline-block;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .7s ease .1s;
    -o-transition: all .7s ease .1s;
    transition: all .7s ease .1s;
}

white_content:hover i, .white_content:focus i {
    transform: translateY(-15px);
}
.white_content:hover i, .white_content:focus i {
     -webkit-transform: translateY(-15px); 
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
}







.white_content i {
    font-size: 45px;
}
.white_content > h3, .white_content > p, .white_content i {
    color: #fff;
}

.modal {
   z-index: 99999;
}
/*End Aimfils*/

/*short-topup*/
.short-msg a.short-topup {
    background: #00aeef !important ;
}
.short-msg a.short-topup {
   border-radius: 5px;
    bottom: 100px;
    color: #fff;
    font-size: 22px;
    height: 40px;
    line-height: 36px;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 43px;
    z-index: 999;
}
.color_red {
    color: #ed2a28;
}
/*End short-topup*/


/*social media*/
.sticky-social{
      position: fixed;
    top: 25%;
    left: 0px;
    padding: 0px;
    margin: 0px;
    z-index: 999;
}
.social{
  list-style:none;
}
.social li{
  padding:10px 10px;
  font-size:25px;
  transition:all 0.8s ease-in-out;
}
.social li:hover{
    margin-right:-30px;
 box-shadow:2px 5px 10px grey;
}
.social li:hover .fa{
    margin-left:20px;
  
}
.fa{
  /*color:#fff;*/
  transition:all 0.8s ease-in-out;
}
.fb{
  background-color:#3C5A98;
}
.twitter{
    background-color:#1EA1F2;
}
.insta{
    background-color:#DC4F42;
}

.yellow{
    color:#fff !important;
}

/*End Social Media*/

.about{
    background-color: #fff;
background-image: url("https://www.transparenttextures.com/patterns/brilliant.png");

}
.project{
background-color: #ffffff;
background-image: url("https://www.transparenttextures.com/patterns/first-aid-kit.png");

}

/*Whatsapp*/
#whatsapp {
    position: fixed;
    right: 34px;
    /* left: 50px; */
    top: 50%;
    width: 70px;
    height: 70px;
    cursor: pointer;
    opacity: 1;
    z-index: 99990;
}
#whatsapp #whatsappMain {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: rgba(255, 255, 255, 0);
    width: 70px;
    height: 70px;
   color: #40c351;
    z-index: 9;
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}
    #whatsapp #whatsappMain:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 9;
        background-image: url('../images/whatsapp.png');
     
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-animation: zcwphone2 1.5s linear infinite;
        -moz-animation: zcwphone2 1.5s linear infinite;
        animation: zcwphone2 1.5s linear infinite;
    }

@-webkit-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-webkit-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}

/*End Whatsapp*/
.width{
    width:8% !important;
}

.color-blue {
    /* text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1), 10px 10px 10px rgba(0, 0, 0, 0.2); */
    /* text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9); */
    text-shadow: 4px 4px 0px #060100, 7px 7px 0px rgba(0, 0, 0, 0.2);
    font-weight:bold;
}


/* fixed social*/
#fixed-social {
   position: fixed;
   top: 300px;
   z-index:999;
}

#fixed-social a {
   color: #fff;
   display: block;
   height: 40px;
   position: relative;
   text-align: center;
    line-height: 40px;
   width: 40px;
   margin-bottom: 1px;
   z-index: 2;
}
#fixed-social a:hover>span{
	visibility: visible;
  left: 41px;
  opacity: 1;
} 
#fixed-social a span {
	line-height: 40px;
    left: 60px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: 0.5s;
    z-index: 1;
    opacity: 0;
}
 .fixed-facebook{
 	background-color: #3b5998;
 }
 .fixed-facebook span{
	background-color: #3b5998;
 }
 .fixed-twitter{
	background-color: #00acee;

 }
 .fixed-twitter span{
 	background-color: #00acee;
 }
 .fixed-gplus{
	background-color: #00AF54;

 }
 .fixed-gplus span{
 	background-color: #00AF54;
 }
 .fixed-linkedin{
	background-color: #0e76a8;

 }
 .fixed-linkedin span{
 	background-color: #0e76a8;
 }
 .fixed-instagrem{
	background-color: #ED2B29;

 }
 .fixed-instagrem span{
 	background-color: #ED2B29;
 }
 .fixed-tumblr{
	background-color: #EB1471;

 }
 .fixed-tumblr span{
 	background-color: #EB1471;
 }
/*end fixed social*/
.bip {
background: linear-gradient(to right, #910000 0%, #c90407 51% , #910000 75%);
width: 100%;
color: #ffffff;
padding: 6px;
/*padding-top: 45px;*/
margin-bottom: 0px;
/*padding-bottom: 15px;*/
/*border-top: 4px solid white;*/

}


/*project*/

.project_box {
    width: 100% !important;
    margin: 0 !important;
}
.project_box .project_img {
    width: 50% !important;
    float: right;
}
.project_box .project_img img {
    width: 100% !important;
}
.project_box .project_img img {
    width: 100% !important;
}

/*.project_box .odd_details {
    float: right !important;
}*/
.project_box .project_detail {
    /*width: 50% !important;
    float: left;*/
    background: #fff;
    text-align: center;
}
.project_box .project_detail .project_box_inn {
    margin-top: 25%;
}
.project_box .project_detail h3 {
    font-size: 20px;
    color: #999;
    font-weight: normal;
}
.project_box .project_detail h3 img {
    margin-bottom: 7px;
}
.project_box .project_detail h1 {
    font-size: 28px;
}
project_box .project_detail p {
    font-size: 16px;
    color: #666;
}
.content_box p {
    font-size: 16px;
    color: #222;
    text-align: center;
    text-decoration: none;
}
.view_project_btn {
    background: #ab0203;
    border: none;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    padding: 7px 20px;
    text-align: center;
}
.clear {
    clear: both;
}
.project_box .project_detail h3 img {
    margin-bottom: 7px;
}
.project_box .project_detail h3 {
    font-size: 20px;
    color: #999;
    font-weight: normal;
}

/*.content_box {
    width: 1050px;
    margin: 50px auto;
    font-family: 'pnr';
}*/
.img1{
    width: 3%;
}

.project_box .odd_img {
    float: left !important;
}
.project_box .project_detail {
    width: 50% !important;
    float: left;
    background: #fff;
    text-align: center;
}
.clear {
    clear: both;
}

@media only screen and (max-width: 600px){
.project_box .project_detail h3 {
    font-size: 16px;
    color: #999;
    font-weight: normal;
}
.project_box .project_detail .project_box_inn {
    margin: 5% 0 10% 0;
        position: relative;
    top: 21px;
}
.project_box .project_detail {
    width: 100% !important;
    /* float: left; */
    background: #fff;
    text-align: center;
}
.project_box .project_img {
    width:100% !important;
    float: right;
}
}
/*end project*/


        .main{
            margin-top:50px;
            margin-bottom:50px;
        }
        .main .card {
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24) !important;
    color: #333333;
    border-radius: 2px;
        margin-bottom: 12px;
}
        .box-j {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.btn-danger {
    color: #fff;
    background-color: #ba0d1c;
    border-color: #ba0d1c;
}
.gray-red {
    background-color: #910000;
}
.section-padding {
    padding: 40px 0;
}
.mtn-30 {
    margin-top: -30px;
}
.service-item {
    padding: 55px 30px;
    /* text-align: center; */
    border-radius: 5px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    background-color: #fff;
    transition: 0.4s;
    -webkit-box-shadow: 0px 0px 12px -2px rgba(1, 26, 72, 0.1);
    box-shadow: 0px 0px 12px -2px rgba(1, 26, 72, 0.1);
}
.service-item h3:hover{
    color:#fff !important;
}
 .service-item:hover {
     color:#fff;
    background-color: #910000;
    border: 2px solid #ffff;
    box-shadow: 0 3px 15px 0 rgb(255 255 255 / 25%);
}